<!--
 * @Desc: 
 * @Version: v1.00
 * @Author: went
 * @Date: 2023-06-01 15:50:23
 * @LastEditors: went
 * @LastEditTime: 2023-06-05 14:54:19
-->
<!--
 * @Desc: 
 * @Version: v1.00
 * @Author: went
 * @Date: 2022-07-12 11:31:50
 * @LastEditors: went
 * @LastEditTime: 2023-06-05 11:17:05
-->
<template>
  <div class="home-container">
    <a-button round type="primary" native-type="submit"> 提交 </a-button>
    <span>{{ preson.name }}</span>
  </div>
</template>
<script lang="ts" setup>
import { reactive } from "vue";
export type PersonType = {
  name: string;
  age: number;
};
const preson: PersonType = reactive({
  name: "shier",
  age: 0,
});
</script>
<style scoped>
.home-container {
  width: 100%;
  /* height: 400px; */
  background-color: antiquewhite;
}
</style>
